<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=0,maximum-scale=1.0">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>波浪加载动画</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/loading.css">
</head>
<body>
<main class="loadcontainer">
    <img id="loadbgimg" src="image/bg_loading.png">
    <section class="loadsection">
        <canvas width="200" height="200">对不起，您的浏览器不支持canvas</canvas>
    </section>
    <p id="loadpercent">100%</p>
    <div class="loadprocess">
        <div class="loadprocess-passed"></div>
    </div>
    <img id="loadbgimg2" src="image/000.jpg">
    <div class="shade hide"></div>
</main>
<script src="js/jquery-2.2.0.js"></script>
<script src="js/waveLoading.js"></script>
<script src="js/main.js"></script>
</body>
</html>
